<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户信息完善</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}">
    <link rel="stylesheet" th:href="@{/static_resources/css/nickName.css}">
</head>
<body>
    <div class="maxContent">
        <h1>可乐</h1>
        <div class="nickNameContainer">
            <h2>用户信息完善</h2>
<!--            昵称、真实姓名、年龄、邮箱、性别-->
            <div class="userMessage">
                昵称:<input type="text" class="userMessageInput" placeholder="昵称">
            </div>
            <div class="userMessage">
                姓名:<input type="text" class="userMessageInput" placeholder="真实姓名">
            </div>
            <div class="userMessage">
                年龄:<input type="text" class="userMessageInput" placeholder="年龄">
            </div>
            <div class="userMessage">
                邮箱:<input type="text" class="userMessageInput" placeholder="邮箱">
            </div>
            <div class="userMessage">
<!--                性别:<input type="text" class="userMessageInput">-->
                性别: <select name="" id="" class="userMessageInput">
                        <option value="">男</option>
                        <option value="">女</option>
                    </select>
            </div>
            <div class="userBtn">
                <button class="messageBtn">
                    下一步
                </button>
            </div>
        </div>
    </div>
    <div class="tips"></div>
    <script th:src="@{/static_resources/js/jquery-1.12.4.min.js}" type="text/javascript"></script>
    <script th:src="@{../static_resources/js/nickName.js}"></script>
</body>
</html>